/* Start with core styles outside of a media query that apply to mobile and up */
/* Global typography and design elements, stacked containers */
body {
	font-family: Helvetica, san-serif;
}

H1 {
	color: green;
}

a:link {
	color: purple;
}

/* Stack the two content containers */
.main,
.sidebar {
	display: block;
	width: 100%;
}

/* First breakpoint at 576px */
/* Inherits mobile styles, but floats containers to make columns */
@media all and (min-width: 36em) {
	.main {
		float: left;
		width: 60%;
	}

	.sidebar {
		float: left;
		width: 40%;
	}
}

/* Second breakpoint at 800px */
/* Adjusts column proportions, tweaks base H1 */
@media all and (min-width: 50em) {
	.main {
		width: 70%;
	}

	.sidebar {
		width: 30%;
	}

	/* You can also tweak any other styles in a breakpoint */
	H1 {
		color: blue;
		font-size: 1.2em
	}
}

._p span {
	font-size: 12px;
	color: #666666;
	background: #DDEFFF;
	padding: 4px;
	border-radius: 5px;
	margin-right: 5px;

}

._pa {
	font-size: 12px;
	color: #666666;
	background: #DDEFFF;
	padding: 4px;
	border-radius: 5px;
	margin-right: 5px;

}

.yxl-editor-article {
	font-size: 12px
}

.yxl-editor-article h6 {
	font-size: 14px
}

.yxl-editor-article img {
	margin: 0 auto;
	text-align: center
}

.my_info {
	width: 100%;
	border-radius: 5px;
	height: 300px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/bg.jpg) no-repeat center ;
}

.container {
	max-width: 1280px;
	text-align: center;
	margin: 0 auto;
}

.single_line {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sm_font {
	font-size: 12px;
}

.grey {
	color: #666666
}

.message {
	width: 64%;
}

.top_img {
	padding-top: 25vh;
	margin-bottom: 5vh;
}
.ui-shadow-inset{
	padding: 0px;
	background: #666666
}
